﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bistro Foods</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="../img/fav.png">
        <meta name="author" content="colorlib">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta charset="UTF-8"> 

        <link rel="stylesheet" href="../static/css/linearicons.css">
        <link rel="stylesheet" href="../static/css/font-awesome.min.css">
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/magnific-popup.css">
        <link rel="stylesheet" href="../static/css/jquery-ui.css">
        <link rel="stylesheet" href="../static/css/nice-select.css">
        <link rel="stylesheet" href="../static/css/animate.min.css">
        <link rel="stylesheet" href="../static/css/owl.carousel.css">
        <link rel="stylesheet" href="../static/css/style.css">
        
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet"> 
    </head>
    <body>           
        <header id="header">
            <div class="container main-menu">
                <div class="row">
                    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                        <a class="navbar-brand" href="index.html">Bistro Foods</a>
                    </div>
                    <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                        <div class="row align-items-center justify-content-center d-flex">
                            <nav id="nav-menu-container">
                                <ul class="nav-menu">
                                    <li><a href="index.html">首页</a></li>
                                    <li><a href="about.html">关于</a></li>
                                    <li><a href="menu.html">菜单</a></li>
                                    <li><a href="gallery.html">图画</a></li>
                                    <li><a href="contact.html">联系：留言</a></li>
                                </ul>
                            </nav>
                            <!-- #nav-menu-container -->					      		  
                        </div>
                    </div>
                </div>    
            </div>
        </header>
        <!-- #header -->
	  
        <!-- start banner Area -->
        <section class="relative about-banner">	
            <div class="overlay overlay-bg"></div>
            <div class="container">				
                <div class="row d-flex align-items-center justify-content-center">
                    <div class="about-content col-lg-12">
                        <h1 class="text-white">
                            联系我们
                        </h1>	
                        <p class="text-white link-nav"><a href="index.html">首页 </a>  <span class="lnr lnr-arrow-right"></span>  <a href="contact.html"> 联系我们</a></p>
                    </div>	
                </div>
            </div>
        </section>
        <!-- End banner Area -->				  

        <!-- Start contact-page Area -->
        <section class="contact-page-area section-gap">
            <div class="container">
                <div class="row">

                    
                    <div class="col-lg-4 d-flex flex-column address-wrap">
                        <div class="single-contact-address d-flex flex-row">
                            <div class="icon">
                                <span class="lnr lnr-home"></span>
                            </div>
                            <div class="contact-details">
                                <h5>关王庙驻马店职业技术学院</h5>
                                <p>
                                   信工4号
                                </p>
                            </div>
                        </div>
                        <div class="single-contact-address d-flex flex-row">
                            <div class="icon">
                                <span class="lnr lnr-phone-handset"></span>
                            </div>
                            <div class="contact-details">
                                <h5>(+86) 185 9541 5035</h5>
                                <p>星期一至五上午九时至下午六时</p>
                            </div>
                        </div>
                        <div class="single-contact-address d-flex flex-row">
                            <div class="icon">
                                <span class="lnr lnr-envelope"></span>
                            </div>
                            <div class="contact-details">
                                <h5>1978539779@qq.com</h5>
                                <p>随时向我们发送您的建议!</p>
                            </div>
                        </div>														
                    </div>
                    <div class="col-lg-8">
                        <form class="form-area contact-form text-right" id="myForm" action="/liuyan" method="post">
                            <div class="row">
                                <div class="col-lg-6 form-group">
                                    <input name="name" placeholder="请输入你的名字" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">
                                    <input name="e_mail" placeholder="请输入邮箱地址" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-control" required="" type="email">
                                    <input name="sub" placeholder="请输入主题" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter subject'" class="common-input mb-20 form-control" required="" type="text">
                                </div>
                                <div class="col-lg-6 form-group">
                                    <textarea class="common-textarea form-control" name="message" placeholder="请输入内容\建议" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Messege'" required=""></textarea>
                                </div>
                                <div class="col-lg-12">
                                    <div class="alert-msg" style="text-align: left;"></div>
                                    <button type="submit" class="genric-btn primary" style="float: right;">留言</button>
                                </div>
                            </div>
                        </form>	
                    </div>
                </div>
            </div>	
        </section>
        <!-- End contact-page Area -->

        <!-- start footer Area -->		
        <footer class="footer-area">
            <div class="footer-widget-wrap">
                <div class="container">
                    <div class="row section-gap">
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Opening Hours</h4>
                                <ul class="hr-list">
                                    <li class="d-flex justify-content-between">
                                        <span>Monday - Friday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>
                                    <li class="d-flex justify-content-between">
                                        <span>Saturday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>
                                    <li class="d-flex justify-content-between">
                                        <span>Sunday</span> <span>08.00 am - 10.00 pm</span>
                                    </li>																				
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Contact Us</h4>
                                <p>
                                    65 Thomas Street,New York 10016
                                </p>
                                <p class="number">
                                    (+1) 234 567 8901 <br>
                                    (+1) 234 567 8807
                                </p>
                                <p class="email">
                                    restaurant@website.com
                                </p>
                            </div>
                        </div>						
                        <div class="col-lg-4  col-md-6 col-sm-6">
                            <div class="single-footer-widget">
                                <h4>Newsletter</h4>
                                <p>You can trust us. we only send promo offers, not a single spam.</p>
                                <div class="d-flex flex-row" id="mc_embed_signup">
                                    <form class="navbar-form" action="#" method="get">
                                        <div class="input-group add-on align-items-center d-flex">
                                            <input class="form-control" name="EMAIL" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
                                            <div style="position: absolute; left: -5000px;">
                                                <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                                            </div>
                                            <div class="input-group-btn">
                                                <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
                                            </div>
                                        </div>
                                        <div class="info mt-20"></div>
                                    </form>
                                </div>
                            </div>
                        </div>						
                    </div>					
                </div>					
            </div>
            <div class="footer-bottom-wrap">
                <div class="container">
                    <div class="row footer-bottom d-flex justify-content-between align-items-center">
                        <p class="col-lg-8 col-md-6 col-sm-6 footer-text m-0">
                            Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> |
                        </p>
                        <ul class="col-lg-4 col-md-6 col-sm-6 social-icons text-right">
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>            
                        </ul>
                    </div>						
                </div>
            </div>
        </footer>
        <!-- End footer Area -->	

        <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
        <script src="../static/js/popper.min.js"></script>
        <script src="../static/js/vendor/bootstrap.min.js"></script>
        <script src="../static/js/jquery-ui.js"></script>
        <script src="../static/js/easing.min.js"></script>
        <script src="../static/js/hoverIntent.js"></script>
        <script src="../static/js/superfish.min.js"></script>
        <script src="../static/js/jquery.ajaxchimp.min.js"></script>
        <script src="../static/js/jquery.magnific-popup.min.js"></script>
        <script src="../static/js/jquery.nice-select.min.js"></script>
        <script src="../static/js/owl.carousel.min.js"></script>
        <script src="../static/js/isotope.pkgd.min.js"></script>
        <script src="../static/js/mail-script.js"></script>
        <script src="../static/js/main.js"></script>
        <script src="../static/js/scroll.js"></script>
    </body>
</html>